<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui" 
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:sf="http://www.springframework.org/tags/faces"
	template="/WEB-INF/layouts/standard.xhtml">

	<ui:define name="content">
		<div class="section">
		<ui:fragment id="messages">
			<div id="messagesInsertionPoint">
				<p:messages errorClass="errors" />
			</div>
		</ui:fragment>
		<h3>Finanzas de la Obra: #{obra.name}</h3>    
		<h:form id="hotel">
			<h:outputText value="Actualmente no existen datos ingresados"
				rendered="#{gastos.rowCount == 0}" />
			<p:dataTable id="tbl" styleClass="summary" value="#{gastos}" 
				var="gasto" rendered="#{gastos.rowCount > 0}" paginator="true" rows="8"  
				firstPageLinkLabel="inicio" previousPageLinkLabel="anterior" nextPageLinkLabel="siguiente"  lastPageLinkLabel="fin"	>
			 <p:column  resizable="true" sortBy="#{gasto.name}">  
		        <f:facet name="header">  
		            <h:outputText value="Nombre" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.name}" />  
		    </p:column>
		     <p:column  resizable="true" sortable="true">  
		        <f:facet name="header">  
		            <h:outputText value="Tipo" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.expenseType}" />  
		    </p:column>
		    <p:column  resizable="true" sortable="true">  
		        <f:facet name="header">  
		            <h:outputText value="Dia Efectuado" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.diaEfectuadoString}" />  
		   </p:column>
		   <p:column forceId="precioId" resizable="true">  
		        <f:facet name="header">  
		            <h:outputText value="Precio" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.price}" >
		        <f:convertNumber type="currency" currencySymbol="$"/></h:outputText>  
		    </p:column>
		    <p:column resizable="true" sortable="true">  
		        <f:facet name="header">  
		            <h:outputText value="Precio Neto " />  
		        </f:facet>  
		        <h:outputText value="#{gasto.priceNeto}" >
		        <f:convertNumber type="currency" currencySymbol="$"/></h:outputText>  
		    </p:column>
		    <p:column resizable="true" sortBy="#{gasto.categoriaName}">  
		        <f:facet name="header">  
		            <h:outputText value="Categoria" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.categoriaName}" />  
		    </p:column>
		    <p:column resizable="true" style="width:60%" sortBy="#{gasto.numeroDeFactura}" >  
		        <f:facet name="header">  
		            <h:outputText value="# Factura" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.numeroDeFactura}" />  
		    </p:column>
		    <p:column resizable="true" sortBy="#{gasto.factura}" >  
		        <f:facet name="header">  
		            <h:outputText value="Factura" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.factura}" />  
		    </p:column>
		    <p:column resizable="true" sortable="true">  
		        <f:facet name="header">  
		            <h:outputText value="I.V.A" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.iva}" >
		        <f:convertNumber type="currency" currencySymbol="$"/></h:outputText>  
		    </p:column>
		      <p:column resizable="true" sortBy="#{gasto.cuit}">  
		        <f:facet name="header">  
		            <h:outputText value="CUIT" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.cuit}" />  
		    </p:column>
		     <p:column resizable="true" sortable="true">  
		        <f:facet name="header">  
		            <h:outputText value="Editar" />  
		        </f:facet>  
				<h:commandButton id="editar" action="editGasto" value="Editar"/>
		    </p:column>
		    <p:column resizable="true" sortable="true">  
		        <f:facet name="header">  
		            <h:outputText value="Borrar" />  
		        </f:facet>  
				<h:commandButton id="borrar" action="borrarGasto" value="Borrar"/>
		    </p:column>
		     <p:column resizable="true" sortBy="#{gasto.user.name}">  
		        <f:facet name="header">  
		            <h:outputText value="Usuario" />  
		        </f:facet>  
		        <h:outputText value="#{gasto.user.name}" />  
		    </p:column>
			</p:dataTable>
			 
			<p:panel header="Sumario de Finanzas" rendered="#{gastos.rowCount > 0}" toggleable="true" toggleSpeed="500">  
			   <h:outputText value="Precio de la Obra : "/>  <h:outputText value="#{obra.price}">
				  <f:convertNumber type="currency" currencySymbol="$"/></h:outputText>    
				<div/>
	       		 <div class="output">
		            <h:outputText rendered="#{gastos.rowCount != 0}" value="Gastos encontrados: " /> <h:outputText rendered="#{gastos.rowCount != 0}" value="#{totalGasto}">
		                <f:convertNumber type="currency" currencySymbol="$"/>
		            </h:outputText>
	       		 </div> 
	       		 <div class="output">
		            <h:outputText rendered="#{gastos.rowCount != 0}" value="Ingresos encontrados: " /> <h:outputText rendered="#{gastos.rowCount != 0}" value="#{totalIngresos}">
		                <f:convertNumber type="currency" currencySymbol="$"/>
		            </h:outputText>
	       		 </div> 
	       		 <div class="output">
		            <h:outputText value="Saldo Parcial de la Obra: " /> <h:outputText rendered="#{gastos.rowCount != 0}" value="#{saldo}">
		                <f:convertNumber type="currency" currencySymbol="$"/>
		            </h:outputText>
	       		 </div> 
			</p:panel> 
			
			<div class="buttonGroup" style="align:right">
				<br />
				<br />
				<sf:commandButton id="volver" value="Volver" action="volver"/>
				<sf:commandButton id="filtrar" value="Filtrar" action="filtrarGastos"/>
				
				<sf:commandButton id="cargarGasto" value="Cargar Gastos" action="cargarGasto"/>
				<sf:commandButton id="cargarIngreso" value="Cargar Ingreso" action="cargarIngreso"/>
				<p:commandButton rendered="#{gastos.rowCount != 0}" value="Exportar / Graficos" onclick="dlg1.show()"/>
			</div>
				<p:dialog header="Otras funcionalidades" widgetVar="dlg1" modal="true"
					fixedCenter="true" close="true" width="400px">
					<h:commandLink rendered="#{gastos.rowCount != 0}"> 
				 	 <img src="${request.contextPath}/resources/images/csv.png"/>
					 <p:dataExporter type="csv" target="tbl" fileName="obras" excludeColumns="9" />  
					</h:commandLink> 
					<h:commandLink action="export" rendered="#{gastos.rowCount != 0}"> 
						 <img src="${request.contextPath}/resources/images/excel.png"/>
					</h:commandLink> 
					<h:commandLink action="gastosLineChart" rendered="#{gastos.rowCount != 0}"> 
						 <img src="${request.contextPath}/resources/images/bar_chart.png"/>
					</h:commandLink> 
				</p:dialog>
		
		</h:form></div>
	</ui:define>
</ui:composition>